<ion-view set-dom>
    <ion-header-bar ng-show="!isSearch" align-title="center" class="com-header bg-f7 border-1px-ccc">
        <div class="buttons">
            <button ng-click="back()" class="button fs-0"><i class="icon ion-ios-arrow-back color-333 fs-18"></i>
            </button>
        </div>
        <h1 class="title">可使用卡券</h1>
    </ion-header-bar>
    <ion-content  ng-show="couponList.length>0" class="bg-f7" overflow-scroll="false" scrollbar-y="false" has-bouncing="false">
        <div class="pd-15">
            <div ng-repeat="item in couponList" class="bg-white mb-10" style="position:relative;overflow: hidden;border-radius: 5px;">
                <div ng-show="$index==1" class="w-70 h-70 text-right coupon-tips">
                    <span class="fs-12 color-white lh-16 pr-5">实物</span>
                    <div class="bg-ioy-blue w-70 h-70"></div>
                </div>
                <div ng-show="$index==0" class="w-70 h-70 text-right coupon-tips">
                    <span class="fs-12 color-white lh-16 pr-5">代金</span>
                    <div class="bg-ioy-yellow w-70 h-70"></div>
                </div>
                <div ng-show="$index==2" class="w-70 h-70 text-right coupon-tips">
                    <span class="fs-12 color-white lh-16 pr-5">折扣</span>
                    <div class="bg-ioy-red w-70 h-70"></div>
                </div>
                <div class="pl-15 pr-15 pt-10 pb-10" style="position:relative;border-bottom: 1px dashed #eeeeee;">
                    <h2 class="fs-14 color-333">小邓汽车美容连锁店</h2>
                    <h2 class="fs-16 color-333 mt-0">100元优惠券xxxxxxx</h2>
                    <p class="fs-10 color-333 mt-10 lh-16">
                        <span class="vertical-mid h-14 lh-14 pl-5 pr-5 fs-10" style="border: 1px solid #ff9c00; color: #ff9c00;border-radius: 2px;">无门槛</span>
                        <span class="vertical-mid" ng-show="$index==0">满2000可用</span>
                        <span class="vertical-mid" ng-show="$index==1">有效期至：2017/10/31 - 2017/10/31（限：周一至周五）</span>
                    </p>
                    <div class="w-16 h-16 bg-f7 coupon-circle"></div>
                    <div class="w-16 h-16 bg-f7 coupon-circle" style="left: 100%;"></div>
                </div>
                <div class="text-center h-40 lh-40">
                    <a ng-click="toDetail(item)" href="javascript:" class="fs-14 color-blue">立即使用</a>
                </div>
            </div>
        </div>

    </ion-content>
    <div ng-show="couponList.length<1" class="text-center has-header scroll-content">
        <img class="w-110" style="margin-top: 50%" src="/car_customer/asset/car_customer/images/icon/i_coupon.png" alt="">
        <p class="fs-14 color-333 mt-10">您暂时没有可以使用的优惠券</p>
    </div>
</ion-view>
